<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/static/css/layui.css}" />
    <link rel="stylesheet" th:href="@{/static/css/admin/index.css}" />
</head>
<body>
    <!--头部开始-->
    <div style=" width: 100%;height: 60px;background:#393D49;">
        <div class="systemName">在线考试系统</div>
        <ul class="layui-nav topNav">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img th:src="@{${session.tUser.UIco}}" class="layui-nav-img">
                    <span th:text="${session.tUser.UName}"></span>
                </a>

                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" id="update">修改信息</a></dd>
                    <dd><a href="javascript:;" id="updatePwd">修改密码</a></dd>
                    <dd><a th:href="@{/logout}">注销</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">考试</a>
                <dl class="layui-nav-child">
                    <dd><a th:href="@{/userExamList}" target="_blank">选择考试</a></dd>
                    <dd><a th:href="@{/userPaperList}" target="_blank">考试历史</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" th:if="${session.tUser.URole == '1'}"><a th:href="@{/backstage}" target="_blank">后台</a></li>
        </ul>
    </div>
    <!--头部结束-->

    <!--轮播图开始--->
    <div class="layui-carousel" id="slideshow">
        <div carousel-item>
            <div><img th:src="@{/static/images/index/index(4).jpg}" alt=""></div>
            <div><img th:src="@{/static/images/index/index(5).jpg}" alt=""></div>
            <div><img th:src="@{/static/images/index/index(6).jpg}" alt=""></div>
            <div><img th:src="@{/static/images/index/index(7).jpg}" alt=""></div>
            <div><img th:src="@{/static/images/index/index(8).jpg}" alt=""></div>
            <div><img th:src="@{/static/images/index/index(3).jpg}" alt=""></div>
        </div>
    </div>
    <!--轮播图结束--->

    <!--第三部分开始--->
    <div id="third">
        <ul>
            <li>
                <div class="li-content">
                    <img th:src="@{/static/images/index/index(4).jpg}" width="540" height="330">
                    <div class="content" style="">代码写完没？</div>
                    <p>代码有没有写完？没写完还有心情睡觉？还不赶紧写代码。不吃饭不睡觉不回家，任务没完成别想走。一瓶红牛够你撑一个小时，多买几瓶红牛决战到天亮！</p>
                </div>
            </li>
            <li>
                <div class="li-content">
                    <img th:src="@{/static/images/index/index(5).jpg}" width="540" height="330">
                    <div class="content" style="">挑灯夜战否？</div>
                    <p>看我孤独的坐在公司楼下某公园的长椅上，只为了能够在项目期间，把任务完成，不想拖队伍的后腿，为了<s>钱</s> 梦想加油。</p>
                </div>
            </li>
            <li>
                <div class="li-content">
                    <img th:src="@{/static/images/index/index(6).jpg}" width="540" height="330">
                    <div class="content" style="">项目完不成？</div>
                    <p>项目完不成？不存在的好吧，即使一台电脑完不成项目，拿就多几台电脑，即便五六台电脑也完不成？章鱼博士了解一下？</p>
                </div>
            </li>
            <li>
                <div class="li-content">
                    <img th:src="@{/static/images/index/index(7).jpg}" width="540" height="330">
                    <div class="content" style="">公司加班</div>
                    <p>我是为公司奋斗到最后一个走的人，可惜一眼望向窗外，才发现，天已蒙蒙亮了，后知后觉明白，原来我加班到了天亮。我还要回家吗？这是一个值得我思考的问题。</p>
                </div>
            </li>
            <li>
                <div class="li-content">
                    <img th:src="@{/static/images/index/index(8).jpg}" width="540" height="330">
                    <div class="content" style="">关机</div>
                    <p>手机的提醒，让我知道，原来今天周六了啊，休息日，关机，回家好好休息休息。我想要一觉睡到天荒地老。</p>
                </div>
            </li>
            <li>
                <div class="li-content">
                    <img th:src="@{/static/images/index/index(3).jpg}" width="540" height="330" >
                    <div class="content" style="">周末的活动</div>
                    <p>加班了这么久，周末还需要活动吗？不好好睡一觉怎么能对得起自己的身体，熬了这么多天的夜，唯有睡觉和吃顿大餐才能弥补我的损失。</p>
                </div>
            </li>
        </ul>
    </div>
    <!--第三部分结束--->
    <div id="bottom">
        <p>
            <span></span>
            <span>地址：江西省南昌市昌北经济开发区xxxxxxx</span>
        </p>
        <p>
            <span>学校官网：<a href="javascript:;">南昌理工学院</a></span>
        </p>
        <p>
            <span>邮编：330044 电话：0791-xxxxxxxx xxxxxxxx</span>
        </p>
    </div>

    <script type="text/javascript" th:src="@{/static/js/jquery-3.2.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/static/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/user/index.js}"></script>
</body>
</html>